<template>
  <div>
    用户名:<input type="text" v-model="username"><br>
    自我介绍: <textarea name="" id="" cols="30" rows="10" v-model="info"></textarea><br>
    爱好: <input type="checkbox" v-model="hobby" value="playGames"> 打游戏
          <input type="checkbox" v-model="hobby" value="playbsb"> 打篮球
          <input type="checkbox" v-model="hobby" value="sleep"> 睡觉
    <hr>
    全选: <input type="checkbox" v-model="isAll">
  <!-- v-model 表单数据双向绑定 -->
  <!-- 复选框中 如果v-model绑定的是一个数组，就会将选中的复选框value值放到数组中 -->
  <!-- 复选框中 如果v-model绑定的是一个变量，会隐式转换为boolean值，复选框checked属性同步给变量  -->


  </div>
</template>

<script>
export default {
 

  data() {
    return {
      username:'',
      info:'',
      hobby:[],
      isAll:false
    };
  },

 

  methods: {
    
  },
};
</script>

<style >

</style>